<template>
  <div class="main main_bg">
    <gltitle :titleSize="titleSize" :is_mt="is_mt"  v-if="!$store.state.isApp"></gltitle>
    <div class="h100"  v-if="!$store.state.isApp"></div>
    <div style="height:.2rem"  v-if="$store.state.isApp"></div>

    <div class="container">
      <ul>
        <li v-for="(item,k) in datainfo" :key="k" @click="link(item.url)" v-if="item.open == 1">
          <div class="t"><img :src="item.icon" alt="">{{item.title}}</div>
          <div class="p">{{item.desc}}</div>
        </li>
      </ul>

    </div>
  </div>
</template>
<script>


  export default {
    data(){
      return {
        titleSize:'充币通道',
        is_mt:true,
        datainfo:[],
      }
    },


    mounted() {
      // this.currLan = localStorage.getItem("language") || "zh";
      this.$post(this.URL.user.paylist, {
      }).then(res => {
        if (res.code == 0) {
          this.datainfo = res.data
        } else {
          this.$toast(res.message);
        }
      });
    },
    methods: {
      link(url) {
        if (this.$store.state.isApp) {
          let appResult = {
            code: this.CMD.app.IS_BROWSER,
            data: {
              url:url
            },
          };
          this.common.callBackApp(appResult);
          return;
        }
      }

    },


  }

</script>


<style lang="less" scoped>
  #app {
    .h100 {
      margin-top: 0;
      height: 0.9rem;
    }

    ul {
      li {
        margin-top: .2rem;
        background: #ffffff;
        border-radius: .16rem;
        padding: .3rem .24rem;
        .t {
          line-height: .9rem;
          font-size: .32rem;
          font-weight: 500;
          color: #222222;
          img {
            height: .9rem;
            width: .9rem;
            margin-right: .23rem;
          }
        }
        .p {
          margin-top: .11rem;
          font-size: .24rem;
          color: #999999;
          line-height: .4rem;
        }
      }
    }

  }
</style>
